{
	template:`
	<a-page-header title="级别信息" sub-title="如需调整级别，请联系管理员！">
		<template #extra>
		</template>
		<a-row :gutter="10">
            <a-col flex="600px">
                <a-flex wrap="wrap" gap="middle">
                    <div v-for="item in allLevel">
                        <a-card :hoverable="true" :bodyStyle="{padding:0}" :class="level==item.oid?'line-'+dict('color',item.color):''">
                            <a-list item-layout="horizontal" style="width:280px;">
                                <a-list-item>
                                    <div class="text-lg text-bold" :style="{color:item.color}">{{item.name}}</div>
                                    <a-tag v-if="level==item.oid" color="processing" class="margin-0">{{endDate}}到期</a-tag>
                                </a-list-item>
                                <a-list-item>
                                    <div>
                                        用户数量：<br/>
                                        仓库数量：<br/>
                                        报价单模块：<br/>
                                        统计汇总模块：<br/>
                                        导出功能：<br/>
                                        图表功能：
                                    </div>
                                    <template #actions>
                                        <div class="text-bold" :class="'text-'+dict('color',item.color)">
                                            {{item.userNum}}<br/>
                                            {{item.repositoryNum}}<br/>
                                            <span v-if="item.offerFunc=='Y'">√</span><span v-else class="text-gray">×</span><br/>
                                            <span v-if="item.collectFunc=='Y'">√</span><span v-else class="text-gray">×</span><br/>
                                            <span v-if="item.exportFunc=='Y'">√</span><span v-else class="text-gray">×</span><br/>
                                            <span v-if="item.chartFunc=='Y'">√</span><span v-else class="text-gray">×</span>
                                        </div>
                                    </template>
                                </a-list-item>
                                <a-list-item>
                                    <div class="text-right" style="width:230px;">
                                        <span class="text-sm margin-right-sm" style="text-decoration: line-through;">原价{{item.monthOldAmount}}元/月</span>
                                        <span class="text-price" style="margin-right:3px;"><span class="text-lg text-red">{{item.monthAmount}}</span>元/月</span>
                                        <span class="text-price"><span class="text-lg text-red">{{item.yearAmount}}</span>元/年</span>
                                    </div>
                                </a-list-item>
                            </a-list>
                        </a-card>
                    </div>
                </a-flex>
            </a-col>
            <a-col flex="1 1">
                <a-card :hoverable="true">
                    <a-typography-title :level="5">{{appInfo.levelTitle}}</a-typography-title>
                    <a-row :gutter="10">
                        <a-col flex="1 1" style="line-height:1.8;">
                            <div v-for="item in appInfo.levelDescription.split('\\n')" style="text-indent:28px;">{{item}}</div>
                        </a-col>
                        <a-col flex="200px" v-if="appInfo.levelImage.oid">
                            <img :src="appInfo.levelImage.thumPath" @click="viewImage(appInfo.levelImage)" style="width:100%"/>
                        </a-col>
                    </a-row>
                    <a-alert v-if="appInfo.levelAlert" type="warning" style="margin-top:10px;">
                        <template #message>{{appInfo.levelAlert}}</template>
                    </a-alert>
                </a-card>
            </a-col>
		</a-row>
	</a-page-header>
	`,
	props: ['localeZh','param','parentVue'],
	data:function(){
		return {
            level:'',//级别oid
            endDate:'',//有效期
            allLevel:[],
            appInfo:{}
		};
	},
	mounted(){
	    this.level=this.param.level;
	    this.endDate=this.param.endDate;
	    this.loadAllLevel();
	    this.loadAppInfo();
	},
	methods:{
	    loadAllLevel:function(){
			this.requestData("action/base/levelInfo/getAllLevel",
				{},
				function(json){
					if(json.code==0){
						this.allLevel=json.allLevel;
					}
				}.bind(this)
			);
	    },
	    loadAppInfo:function(){
			this.requestData("action/base/appInfo/getAppInfo",
				{},
				function(json){
					if(json.code==0){
						this.appInfo=json.model;
					}
				}.bind(this)
			);
	    }
	}
}